<include file="Public/header.html"/>

    <div class="cm-mian">
        <div class="cml-g">
            <div class="am-u-sm-3 am-u-md-3 am-u-lg-3">
                <div class="cm-type">
                    <ul>
                        <foreach name="news" item="n">
                          <li><a href="javascript:;" class="ajax_data" data="{$n['id']}">{$n['title']}</a></li>
                        </foreach>
                    </ul>
                </div>
            </div>
            <div class="am-u-sm-9 am-u-md-9 am-u-lg-9">
                   <div class="cm-article">
                       <div class="cm-new-list cm-content" id="content">
                               
                       </div>
                   </div>
            </div>
        </div>
    </div>
  <include file="Public/footer.html"/>
  <script type="text/javascript">
    var eq1 = $('.ajax_data').eq(0);
    var id = eq1.attr('data');
    eq1.parent().addClass('on');
    $.ajax({
        url:'{:U('ajax_data')}',
        type:'get',
        data:{id:id},
        success:function(e){
          if(e.status == 1){
            $('#content').html(e.info);
          }else{
            $('#content').html('未获取内容');
          }
        }
      })


    $('.ajax_data').click(function(){
      var id = $(this).attr('data');
      $(this).parent().addClass('on').siblings().removeClass('on');
      $.ajax({
        url:'{:U('ajax_data')}',
        type:'get',
        data:{id:id},
        success:function(e){
          console.log(e);
          if(e.status == 1){
            $('#content').html(e.info);
          }else{
            $('#content').html('未获取内容');
          }
        }
      })
    })
  </script>
</body>
</html>